
<#include "../common/leftmenu.ftl" />
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>角色权限关系列表</title>
   <link rel="stylesheet" href="css/common-css/pc-common.css"/>
    <link rel="stylesheet" href="css/style.css"/>    
    <link rel="stylesheet" href="css/permission-style.css"/>
    <script type="text/javascript" src="js/common-js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/common-js/left-list.js"></script>
    <script src="js/permission-model.js"></script>
</head>
<body>
   <div class="header" id="header">
      <h1 class="f-l logo">艾的教育</h1>
        <ul class="login clearfix">
        	<li>
                <a href="javascript:;" class="clearfix">
                    <p><a title="点我退出登陆" class="clearfix" href=/logout>您好，${Session["user"].user_name}</a></p>
                </a>
            </li>
        </ul>
    </div>
    <div class="main clearfix" id="main">
        <div class="left-list">
            <@menu />
        </div>
        <div class="right-content">
            <div class="content">
                <div class="yonghu limits">
                    <ul class="yh-left">
                        <p>角色列表</p>
                        <#list manager_part_list! as part>
                        <li><a id='alick' href=/manager_power_part_list?partId=${part.id} value=${part.id}>${part.remarks}</a></li>
                        </#list>
                    </ul>
                    <div class="yh-right">
						<p class="js-title">权限列表</p>
                        <ul>
                            <div>
                              <input type="hidden" id="partId" value="${partId}"> 
                          <div>
                           <#list power1! as powers1>
                            <li class="first">
                                    <label><input class="first-1" type="checkbox" value="${powers1.id}" name="allparts"/><span>${powers1.name}</span></label>
        						</li>
                                    <ul>
                                    	<#list power2! as powers2>
                                    	<#if (powers2.parent_id==powers1.id)>
                                    	<li class="second"><label><input class="second-1" value="${powers2.id}" type="checkbox" name="allparts"/>${powers2.name}</label></li>
                                        <ul class="clearfix" style="width:100%;">
                                        	<#list power3! as powers3>
                                        	<#if (powers3.parent_id==powers2.id)>
                                        	 <li class="third"><label><input class="third-1" value="${powers3.id}" type="checkbox" name="allparts"/>${powers3.name}</label></li>
                                            </#if>
                                            </#list>
                                        </ul>
                                        </#if>
                                        </#list>
                                    </ul>
                           	</div>
                          		</#list>
                          <ul>
                  <div class="b-c">
                   <input type="button" value="保存" id="btn"/>
                 </div>
             </div>
                <div class="clear"></div>
          	 </div>
           </div>
       </div>
   </div>
</body>
</html>
<script src="js/powerpart/powerpart.js"></script>